.drawer_root {
    position: absolute;
    overflow: hidden;
    inset: 0px;
    z-index: 1200;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;

    .mask {
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
        inset: 0px;
        background-color: rgba(0, 0, 0, 0.5);
        -webkit-tap-highlight-color: transparent;
        z-index: -1;
    }

    .slide {
        visibility: visible;
        background-color: transparent;
    }

    .slide_up {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .slide_down {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
    }

    .slide_left {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .slide_right {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
    }

    .drawer_content {
        width: auto;
    }
}

.drawer_root_hidden {
    visibility: hidden;
}